    <?php $this->load->view('_inc/header')?>
    <script>
    $(document).ready(function(){
        $('.cadastrar').click(function(){
            var divEditar = $('.popUp');
            $.ajax({
                url: '<?php echo base_url()?>index.php/estacao/cadastrarEstacao',
                type: 'POST',
                success: function(data){
                    divEditar.html(data);
                    abrePopUp();
                }
            });
        });

        $('.editar').click(function(){
            var id = $(this).attr('id');
            var divEditar = $('.popUp');
            $.ajax({
                url: '<?php echo base_url()?>index.php/estacao/editarEstacao/' + id,
                type: 'POST',
                success: function(data){
                    divEditar.html(data);
                    abrePopUp();
                }
            });
        });
        
        $('.excluir').click(function(){      
        if(confirm("Deseja realmente excluir esta estação?")){
            var id = $(this).attr('id');
            var url = $(this).attr('name');
            $(this).parent('td').parent('tr').css('background','#ff9999').hide(600);
            $.ajax({
                url: '<?php echo base_url()?>index.php/estacao/excluirEstacao/' + id,
                type: 'POST',
            });
        }
    });
    });
    </script>
    <h1>Estações de Metrô</h1>

    <button class="cadastrar">Nova Estação</button>

    <table class="listagem">
        <tr>
            <th>Nome</th>
            <th>Telefone</th>
            <th>Cidade</th>
            <th>Endereço</th>
        </tr>
        <?php foreach($estacoes as $estacao){ ?>
        <tr>
            <td><?php echo $estacao->estacao?></td>
            <td><?php echo $estacao->telefone?></td>
            <td><?php echo $estacao->cidade?></td>
            <td><?php echo $estacao->endereco?></td>
            <td><?php echo anchor('estacao/listarMetrosEstacao/'.$estacao->id,' ','class="icone pesquisar"')?></td>
            <td><a class="icone editar" id="<?php echo $estacao->id?>"></a></td>
            <td><a class="icone excluir" id="<?php echo $estacao->id?>"></a></td>
        </tr>
        <?php } ?>
    </table>

    <?php $this->load->view('_inc/footer')?>